<template>
    <div>
        <!--首页产品系列-->
        <div class="sypro">
            <div class="container" style="margin: 0 17.8%">
                <div class="sytit-wrap fadeInDown wow">
                    <div class="sytit">
                        <div class="sytitwrap">
                            <h3>产品系列</h3>
                            <b>TRUELAND PRODUCT SERIES</b>
                        </div>
                    </div>
                    <p>致力于发展高附加值产品，全面提供增值服务；为员工、客户和股东创造最大价值，真诚回馈和服务社会</p>
                </div>
                <div class="syprocon">
                    <ul class="clearfix">
                        <li class="fadeIn wow" data-wow-delay="0.2s">
                            <a href="javascript:;">
                                <div class="syprotxt">
                                    <h3>创新</h3>
                                    <span></span>
                                    <p>想成为你这辈子，不管过了多少年，遇见了多少人，以后回想起来还会觉得妙不可言的人....</p>
                                </div>
                                <div class="pic"><img class="vcenter" style="width: 100%;" :src="require('@/assets/image/indexBg1.jpg')" alt="" /></div>
                            </a>
                        </li>
                        <li class="fadeIn wow" data-wow-delay="0.2s">
                            <a href="javascript:;">
                                <div class="syprotxt">
                                    <h3>保障</h3>
                                    <span></span>
                                    <p>花开在六月里,我的心中只有你,好想和你在一起,没有什么送给你,只有一句我爱你....</p>
                                </div>
                                <div class="pic"><img class="vcenter" style="width: 100%; height: 100%;" :src="require('@/assets/image/indexBg2.jpeg')" alt="" /></div>
                            </a>
                        </li>
                        <li class="last fadeIn wow" data-wow-delay="0.2s">
                            <a href="javascript:;">
                                <div class="syprotxt">
                                    <h3>服务</h3>
                                    <span></span>
                                    <p>我觉得你跟天上的星星一样好看，但是你和星星的区别是，星星在天上，而你在我心里....</p>
                                </div>
                                <div class="pic"><img class="vcenter" style="width: 100%;" :src="require('@/assets/image/indexBg3.jpg')" alt="" /></div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    
        <!--首页关于我们-->
        <img alt="Vue logo" src="@/assets/image/index-jj.png" width="64.5%">
        
        <div class="syabout">
            <div class="container" style="margin: 0 17.8%">
                <div class="syaredbg">
                    <div class="syawhitebg">
                        <div class="syaright pull-right fadeInRight wow">
                            <b>Book-Shop 在线商城简介</b>
                            <span></span>
                            <p>我前半生的三次心跳，第一次是上课被老师点名字，第二次是踩空台阶，第三次是你对我微笑，<br/>
                                我以我的方式爱你，你却说我不了解你，可是我想告诉你，我也许给你的不是你想要的，但是我给你的都是我认为最好的。<br/>
                                感情中最甜蜜的事莫过于，你总是能够记得关于我的一些小细节，并不是因为我总是能让你记起，而是因为你真的在意。
                            </p>
                            <a href="javascript:;">→查看详细</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

import HelloWorld from "@/components/HelloWorld";
import '@/assets/css/index/slick.css'
import '@/assets/css/index/style.css'

export default {
    name: "Index",
    des: "首页",
    components: {
        HelloWorld
    }
}
</script>

<style scoped>

</style>
